<script type="text/javascript">
<!--
	var listingPackageChoiceErrorMessage = '[[Please select a Package]]';
	{literal}
	$(document).ready(function() {
		$("#listing-package-choice-form").validate({
			rules: {
				listing_package_id: "required"
			},
			errorLabelContainer: "#listing-package-choice-message",
			errorClass: "error",
			errorElement: "p",
			messages: {
				listing_package_id: listingPackageChoiceErrorMessage
			}
		});
	});
	{/literal}
//-->
</script>
<h1>[[Select a Package]]</h1>
<form id="listing-package-choice-form" method="post" action="">
	{foreach from=$listing_packages item="listing_packages" key="contract_id" name="listing_packages"}
		<p>
			<b>{$listing_packages.membership_plan_name}</b>
			{foreach from=$listing_packages.packages item="listing_package"}
				<p>
					<input type="radio" value="{$listing_package.id}_{$contract_id}" name="listing_package_id" /> [[$listing_package.name]]
					<br />[[$listing_package.description]]
				</p>
			{/foreach}
		</p>
	{/foreach}
	<input type="hidden" name="listing_id" value="{$listing_id}" />
	<input type="hidden" name="listing_type_id" value="{$listing_type_id}" />
	{if $cloneJob}<input type="hidden" name="tmp_listing_id" value="{$tmp_listing_id}" />{/if}
	<div id="listing-package-choice-message"></div>
	<p><input type="submit" value="[[Next >>:raw]]" class="button" /></p>
</form>
